<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="../css/login.css"/>
		<script type="text/javascript" src="../js/require.js" defer async="true" data-main= "../js/login"></script>
	</head>
	<body>
		<header class = "login-head-container">
			<div class = "login-head clearfix">
				<!--logo部分-->
				<div class="logo">
					<a href="#">
						<img src="../img/loginimg/logo.png"/>
					</a>
				</div>
				<p class = "login-title">
					<span>登录</span>
				</p>
			</div>
		</header>
		<div class="login-wrap">
			<div class="login-container claerfix">
				<div class="login-left">
					<a href="#">
						<img src="../img/loginimg/bigpicture.jpg"/>
					</a>
				</div>
				<div class="login-right">
					<div class="login-title">
						<span>会员登录</span>
						<a class = "toRegister" href="#">免费注册</a>
					</div>
					<div class="login-blank">
						
					</div>
					<form action="" method="post" class = "login-form">
						<div class="right-login-wrap">
							<i class = "reg-icon login-user"></i>
							<input class = "userName" type="text" placeholder="用户名/手机号/邮箱" />
						</div>
						<div class="right-login-wrap">
							<i class = "reg-icon login-psd"></i>
							<input class = "userPsd" type="password" placeholder="密码" />
						</div>
					</form>
					<div class="remember-login">
						<a class = "forget-psd" href="#">忘记密码？</a>
					</div>
					<div class="login-btn">
						登  录
					</div>
					<div class="other-login-wrap">
						<div class="title">
							<span>使用合作网站账号登录</span>
						</div>
						<div class="other-login">
							<a class = "reg-icon qq" href="#"></a>
							<a class = "reg-icon wx" href="#"></a>
							<a class = "reg-icon zfb" href="#"></a>
							<a class = "reg-icon wb" href="#"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer class = "common-footer-container">
			<ul class = "advantage">
				<li class = "item">
					<a href="#">
						<i class = "icon-26year"></i>
						<span>26年匠心打造</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-3a"></i>
						<span>AAA诚信企业</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-7day"></i>
						<span>7天无理由退换货</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-much"></i>
						<span>多仓直发极速达</span>
					</a>
				</li>
			</ul>
			<div class="friendship">
				<div class="link">
					<a class = "item" href="#">关于我们</a>
					<i>|</i>
					<a class = "item" href="#">帮助中心</a>
				</div>
				<p class = "copyright">©COPYRIGHT 2017 KINHOM.COM ALL RIGHTS RESERVED. 粤ICP备12018989号</p>
			</div>
		</footer>
	</body>
</html>
